<!DOCTYPE html>

<html>
    <head>
        <title>#{get 'title' /}</title>
        <meta charset="${_response_encoding}">
        <link rel="stylesheet" media="screen" href="@{'/public/stylesheets/main.css'}">
        <link rel="stylesheet" media="screen" href="@{'/public/bootstrap/css/bootstrap.css'}">
        <link rel="stylesheet" media="screen" href="@{'/public/stylesheets/docs.css'}">               
        #{get 'moreStyles' /}
        <link rel="shortcut icon" type="image/png" href="@{'/public/images/favicon.png'}">
        <script src="@{'/public/javascripts/jquery.js'}" type="text/javascript" charset="${_response_encoding}">    </script>
        <script src="@{'/public/bootstrap/js/bootstrap.js'}" type="text/javascript" }">    </script>
        <script type="text/javascript" src="@{'/public/javascripts/jquery.js'}"></script>
         <script type="text/javascript" src="@{'/public/javascripts/ajaxfileupload.js'}"></script>

        #{get 'moreScripts' /}
    </head>
    <body data-spy="scroll" data-target=".subnav" data-offset="50" style="background: #eee;" >
        <script>
            (function() {
                var $backToTopTxt = "返回顶部", $backToTopEle = $('<div class="backToTop"></div>').appendTo($("body"))
                .text($backToTopTxt).attr("title", $backToTopTxt).click(function() {
                    $("html, body").animate({ scrollTop: 0 }, 120);
                }), $backToTopFun = function() {
                    var st = $(document).scrollTop(), winh = $(window).height();
                    (st > 0)? $backToTopEle.show(): $backToTopEle.hide();    
                    //IE6下的定位
                    if (!window.XMLHttpRequest) {
                        $backToTopEle.css("top", st + winh - 166);      
                    }
                };
                $(window).bind("scroll", $backToTopFun);
                $(function() { $backToTopFun(); });
            })();
        </script>
        <style>
            .backToTop {
                display: none;
                width: 18px;
                line-height: 1.2;
                padding: 5px 0;
                background-color: #000;
                color: #fff;
                font-size: 12px;
                text-align: center;
                position: fixed;
                _position: absolute;
                right: 10px;
                bottom: 100px;
                _bottom: "auto";
                cursor: pointer;
                opacity: .6;
                filter: Alpha(opacity=60);
            }
        </style>
        #{doLayout /}
    </body>
    #{script 'bootstrap-dropdown.js' /}
</html>
